<template>
   <div class="progress" ref="progress"></div>
</template>

<script>
    import * as echarts from 'echarts'
export default {
 mounted(){
    let mycharts=echarts.init(this.$refs.progress)
    mycharts.setOption({
        xAxis:{
        show:false,
        min:0,
        max:100
        
      },
      yAxis:{
        show:false,
        type: "category",
      },
      series:[{
        type:'bar',
        data:[78],
        color:'yellowgreen',
        barWidth:20,
        showBackground:true,
        backgroundStyle:{
            color:"#eee"
        },
        label:{
            show:true,
            formatter:'|',
            position:'right'
        }
      }],
    })
}
}
</script>

<style>
.progress{
    width: 100%;
    height: 100%;
}
</style>